<!DOCTYPE html>
<html>
    <head>
	<meta charset="utf-8" />
		<title></title>
<!--[if lt IE 9]><!-->
    		<script src="http://code.jquery.com/jquery-1.11.3.min.js "></script>
<!--<![endif]-->
<!--[if gte IE 9]><!-->
			<script src="https://code.jquery.com/jquery-3.2.1.min.js "></script>
<!--<![endif]-->
	<script>
	$(document).ready(function(){
  $("input").keydown(function(){
    $("input").css("background-color","yellow");
  });
  $("input").keyup(function(){
    $("input").css("background-color","pink");
  });
});
</script>
</head>
<body>
 
输入你的名字: <input type="text">
<p>在以上输入框中输入你的名字。在按键按下后输入框背景颜色会改变。</p>
 
</body>
</html>
